import * as echarts from 'echarts'

export default function (myChart: echarts.ECharts) {
  const option = {
    title: {
      // 标题
      text: '中国xxx统计',
      left: 'center',
      textStyle: {
        color: '#000',
        textBorderColor: '#fff',
        textBorderWidth: 1,
        textBorderType: 'solid'
      }
    },
    zoom: 5,
    tooltip: {
      // 鼠标移动到某个省份时显示内容
      show: true,
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      formatter: (item: any) => {
        const resData = item.data
        // console.log(item, resData)
        if (resData) {
          return '省份:' + resData.name + '<br/>' + '数量:' + resData.value
        }
      }
    },
    selectedMode: 'single',
    geo: {
      // 设置地图的显示信息
      map: 'china', // 注意  哪个区域的就显示哪个区域的名称
      label: {
        show: true,
        normal: {
          show: true,
          textStyle: {
            color: '#000',
            fontSize: 12
          }
        },
        emphasis: {
          show: true
        }
      },
      roam: false,
      itemStyle: {
        normal: {
          borderColor: '#ccc',
          areaColor: '#e0f3f8'
        },
        emphasis: {
          areaColor: '#9DD4F4',
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    },
    series: [
      {
        type: 'map',
        geoIndex: 0, // 不可缺少，否则无tooltip 指示效果
        data: [
          { name: '北京', selected: false, value: 1 },
          { name: '天津', selected: false, value: 2 },
          { name: '上海', selected: false, value: 3 },
          { name: '重庆', selected: false, value: 4 },
          { name: '河北', selected: false, value: 5 },
          { name: '河南', selected: false, value: 6 },
          { name: '云南', selected: false, value: 7 },
          { name: '辽宁', selected: false, value: 8 },
          { name: '黑龙江', selected: false, value: 9 },
          { name: '湖南', selected: false, value: 10 },
          { name: '安徽', selected: false, value: 11 },
          { name: '山东', selected: false, value: 12 },
          { name: '新疆', selected: false, value: 13 },
          { name: '江苏', selected: false, value: 14 },
          { name: '浙江', selected: false, value: 15 },
          { name: '江西', selected: false, value: 16 },
          { name: '湖北', selected: false, value: 17 },
          { name: '广西', selected: false, value: 18 },
          { name: '甘肃', selected: false, value: 19 },
          { name: '山西', selected: false, value: 20 },
          { name: '内蒙古', selected: false, value: 21 },
          { name: '陕西', selected: false, value: 22 },
          { name: '吉林', selected: false, value: 23 },
          { name: '福建', selected: false, value: 24 },
          { name: '贵州', selected: false, value: 25 },
          { name: '广东', selected: false, value: 26 },
          { name: '青海', selected: false, value: 27 },
          { name: '西藏', selected: false, value: 28 },
          { name: '四川', selected: false, value: 29 },
          { name: '宁夏', selected: false, value: 30 },
          { name: '海南', selected: false, value: 31 },
          { name: '台湾', selected: false, value: 32 },
          { name: '香港', selected: false, value: 33 },
          { name: '澳门', selected: false, value: 34 }
        ]
      }
    ],
    dataRange: {
      // 给各个省份设置不同颜色
      x: '-1000 px', // 图例横轴位置
      y: '-1000 px', // 图例纵轴位置
      color: ['skyblue', 'purple'],
      splitList: [
        { start: 0, end: 10, color: '#D7FF30' },
        { start: 11, end: 18, color: '#4AE087' },
        { start: 19, end: 25, color: '#51AEF5' },
        { start: 26, end: 30, color: '#8A48E0' },
        { start: 31, end: 34, color: '#FA1C42' }
      ]
    } // 各省地图颜色；start：值域开始值；end：值域结束值；label：图例名称；color：自定义颜色值；名字与json对应，（start: 1,  end: 1）是data数组的key值
  }

  myChart.setOption(option)
  window.addEventListener('resize', () => {
    myChart.resize()
  })
}
